{% extends "base.html" %}


{% block title %}{{ section.title }}{% endblock title %}


{% block header_logo %}
<p class="header-title">
  <img class="logo" src="{{ get_url(path="images/banner.png") }}" alt="{{ section.title }}" title="Logo"/>
</p>
{% endblock header_logo %}


{% block content %}


{{ section.content | safe }}


<div>
  <h2>Recent Entries</h2>
  {% set archive_section = get_section(path="archive/_index.md") %}
  {% set all_pages = archive_section.pages %}
  {% set sorted_pages = all_pages | sort(attribute="date") | reverse | slice(end=5) %}
  <ul>
    {% for page in sorted_pages %}
    <li>
      <h3>{{ page.date }} &bullet; <a href="{{ page.permalink }}">{{ page.title }}</a></h3>
      {% if page.description %}
      <p>{{ page.description }}</p>
      {% elif page.summary %}
      <p>{{ page.summary }}</p>
      {% else %}
      <p>{{ page.title }}....</p>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
</div>

<p class="header-title">
  <img src="{{ get_url(path="images/logo.svg") }}" alt="{{ section.title }}" title="Logo"
    style="margin: 0px auto; display: block; max-height: 480px;"
  />
</p>

{% endblock content %}
